    <div class="page-duokan-com">
        <!--页头-->
        <header class="page-duokan-com-header">
            <div class="wrap">
                <!--wrap左边-->
                <ul class="header-wrap-left">
                    <li><a href="#">小米网</a></li>
					<li class="u-sep">|</li>
                    <li><a href="#">MIUI</a></li>
					<li class="u-sep">|</li>
                    <li><a href="#">米聊</a></li>
					<li class="u-sep">|</li>
                    <li><a href="#">游戏</a></li>
					<li class="u-sep">|</li>
                    <li><a href="#">多看阅读</a></li>
					<li class="u-sep">|</li>
                    <li><a href="#">云服务</a></li>
					<li class="u-sep">|</li>
                    <li><a href="#">小米网移动版</a></li>
                </ul>
                <!--wrap右边-->
                <ul class="header-wrap-right">
                    <li>
                        <div>
                            <a href="login.html">登录</a>
                            <span>/</span>
                            <a href="#">注册</a>
                        </div>
                        <!--判断登录之后，显示-->
                        <div class="hover">
                            <b id="p-icon"></b>
                            <span style="display: none" data-user="uname">my_h</span>
                            <ul>
                                <li>我的书架</li>
                                <li>我的收藏</li>
                                <li>我的购书券</li>
                                <li>我的捐书</li>
                                <li>米币活动</li>
                                <li>我的余额</li>
                                <li>账号设置</li>
                                <li><a id="logout" href="javascript:;">退出</a></li>
                            </ul>
                        </div>
                    </li>
					<li class="u-sep">|</li>
                    <li>
                        <a href="#">
                            <b class="header-wrap-right-img header-wrap-right-img-1"></b>
                            <span>购物车</span>
                            <span>0</span>
                        </a>
                    </li>
					<li class="u-sep">|</li>
                    <li>
                        <a href="#">
                            <b class="header-wrap-right-img header-wrap-right-img-2"></b>
                            <span>关注</span>
                            <span class="header-wrap-right-arrows_1"></span>
                            <span class="header-wrap-right-arrows_2"></span>
                        </a>
                    </li>
					<li class="u-sep">|</li>
                    <li>
                        <a href="#">
                            <span>快速导航</span>
                            <span class="header-wrap-right-arrows_1"></span>
                            <span class="header-wrap-right-arrows_2"></span>
                        </a>
                    </li>
                </ul>
            </div>
			<!--logo-->
			<div class="logo_search">
				<a href="http://www.duokan.com">
					<img src="img/header/logo.png-dfa4300d2cfb2df4caf5c816f70bf72f.png" alt="多看阅读">
				</a>
				<div>
					<input type="text" name="keywords" placeholder="搜索书名或者作者...">
                    <a href="javascript:;" data-trigger="search"><span></span></a>
				</div>
			</div>
			<nav class="m-nav">
				<ul>
					<li>
						<a href="index.html" class="active">首页</a>
					</li>
					<li>
						<a href="#">榜单</a>
					</li>
					<li>
						<a href="#">书评</a>
					</li>
					<li>
						<a href="#">精品·免费</a>
					</li>
					<li>
						<a href="product_list.html">分类</a>
					</li>
					<li>
						<a href="#">客户端</a>
					</li>
					<li>
						<a href="#">论坛</a>
					</li>
				</ul>
			</nav>
        </header>
    </div>